<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>css</title>
        <style type="text/css">
            li{
                width: 137px;
                font-size: 22px;
                line-height: 58px;
                margin: auto;
            }
            .s1,.s5,.s6,.s7{
                color:#0000ff;
            }
            .s2{
                color: #ffc0cb;
            }
            .s3{
                color: #ffc3cd;
            }
            .s4{
                 color: #e64200;
             }
        </style>
    </head>
    <body>
        <ul>
            <li><span class="s1">读书</span></li>
            <li><span class="s2">电影</span></li>
            <li><span class="s3">音乐</span></li>
            <li><span class="s4">同城</span></li>
            <li><span class="s5">小组</span></li>
            <li><span class="s6">时间</span></li>
            <li><span class="s7">阅读</span></li>
        </ul>
    </body>
</html>